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ABSTRACT 



This paper is a case study of Longfellow Elementary, a K-8 
school in San Diego (California) that is using the concepts of information 
architecture to develop its Web site. The site is intended to be a virtual 
meeting place for all of the school's constituents: parents, teachers, 
students, and the community at large. The site is a dynamic, ongoing 
endeavor, and site developers will continue to use processes of information 
architecture to guide its growth. The paper presents the school's Web site, 
the theoretical background on information architecture, a user-centered model 
for development, and recommendations for other schools pursuing similar 
projects . Contains 10 references . ( Author /MES) 
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^stract: This paper is a case study of a K-8 school in San Diego, California, USA, that is using 
tte concepts of infonnation architecture to develop its Web site. The site is tnt<»ivUH to be a 
vnr^ meeting place for all of the school’s constituents: parents, teachers, students, and the 
community at large. The site is a dynamic, ongoing endeavor, and site developers will conrimii. to 
^ proces^ of infonnation architecture to guide its growth. The paper presents the school’s 
Web ate, the theoretical background on infonnation architecture, and rec ommendatio ns for other 
schools pursuhig similar projects. 



Introduction 

It IS often stat^ that we live in an “information society.” Increasingly advanced commvinicatiQn 
^hnol^es, finding the Internet and digital telecommunication technologies, allow us to communicate across 
yote at fa^ and iasto' rates. Wurman (1998) describes the situation as a “ts unami ... a tidal wave of 
^la^ growmg data” that requires organization if it is to make any sense (Wurman, 1998, p. 15). Oearly 
educatK^ mshtuti^ are not shielded fiom this “tidal wave” of information. The Internet has pervaded most 
levels ot ^lety, and we hear increasing calls from politicians and educators to provide teachers and students the 
opportumty to use the Internet for instruction and learning. 

1 -j ^ submerged in this ocean of information, the discipline of in formati on architecture has 

solved to mert the ch^enge of organizing and using information to provide meaningful communication. 

ormation architecture is a structured process of presenting data to meet the informational and managAm«'t 
requirements of an organization or groiqi of people, and its focus is always user-centered. This p^ier presents a 
case study of the applications of information architecture to the design and development of a K-8 school Web site. 

The Longfellow Web Site 

Ixjn^ellow Elementary (located in San Diego. California, USA) is a Spanish Immersion Magnet School 
wth g^ k- 8. pe program was started in 1977 and serves about 500 children fiom all over San Diego, 
bt^ts become fully bilingual in Spanish and English by the time they leave the program. Teachers and 
stra rs at LongfeUow perceived a need to improve c ommuni cation between parents, teachers, and the 
^ l^rge. This need gave rise to the idea of using a web page as a tool for communication to have a 
Viiti^ representation of foe school community. The primary goal of this ongoing project is to encourage the entire 
1 ^ P^cipate in foe information exchange provided by foe school’s Web site. The Web site is a 

virt^ meetmg place where all members of foe community can share important infonnation and have dynamic and 
u^fiil mt^ons. The school community is separated into three groups: parents, teachers, and students. Each 
groiq) Has foe opportumty to best use the virtual space on the Web site to meet its unique needs. 

Trad^n^y, school Web sites are used to provide basic infonnation about foe school and do not go 
beyond a supetfiaal “show and teU” of schedules and activities. The project at LongfeUow has broken away fiom 
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this model by using principles of information architecture to structure the site to meet the needs of a diverse 
community and to develop new uses of Web technology. 

Informatioii Architecture and Web Page Design 

Theoretical Background 

The field of information architecture embraces such diverse disciplines as business admimstration, 
computer science, cognitive psychology, graphic and typographic design, and techmcal communication, A user- 
centered approach to design is informed by principles of information theory and c ommuni cation theory, 
information design theory, the finding s of cogmtive psychologists on perception and learning, hypertext theory, 
and sociocultural learning theory. Some of these theoretical considerations are briefly discussed below. 

Information design theory draws on information and c ommuni cation theory to suggest that designers 
structure information in ways that minimize “noise” and facilitate the transfer of meaning. Many factors, including 
personal characteristics, past experiences, and present feelings, can affect individual interpretation of sensory 
information (Stem & Robinson, 1994). 

Vygotsky^s (1978) sociocultural learning theory suggests that learning takes place as learners interact with 
more advanced peers and adults. The Vygotskian model of instruction is highly democratic rather than 
authoritarian. The teacher is a co-participant in the student’s construction of knowledge (Stremmel & Fu, 1993). 
Effective instruction requires intersubjectivity, or the creation of shared meaning through collaboration (Strranmel 
& Fu, 1993; Wertsch & Sohmer, 1995). Teacher and student share power and authority in the classroom (Driscoll, 
1994). The distribution of responsibility for both learning and instruction among students as well as teachers is a 
hallmark of the Vygotskian noodel. 

Hypertext can provide instructors with a powerful tool for allowing learners to visually m^ their own 
representations of knowledge. Collaboratively-developed hypertext documents can also serve as sociocultural 
learning tools, providing learners the opportunity to “interact” with peers and expert users, even those who are 
geographically removed fiom the learner (Victor, 1999a). 

A Usei>Centered Model for Development 

The literature on information architecture suggests that Web site creation requires a systematic process of 
audience and content analysis; creation of detailed site diagrams and docunwiitation; and production and 
implementation (Rosenfeld & Morville, 1998). Development of user-centered Web sites may be guided by a four 
phase model: Design, Develop, Deploy, Document (Victor, 1999a). This is a cyclical, iterative process, as 
illustrated in the following diagram: 




Figure 1: A user-centered model of Web site development 



In the Design phase, the designer performs needs analysis, audience analysis, and task analysis. The 
activities associated with this phase are identical to those found in traditional models of instructional design. In 
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coUaboration with the intended audience or the cUent, the designer develops initial prototypes and blueprints. After 
cbent ^proval, the proje^ moves to the Develop phase, in which the development team builds the product 
accor^g to the specifications developed during design. In this phase, the designer works with graphic artists and 
techmcal experts to build the site. As the product is developed, the design/development team meets with the client 
for discussion and negotiation of modifications, if needed. Upon client tqjproval of the final product, it is moved to 
the Deploy phase. In this phase, the Web site is installed and made available to the target audience. In the 
Dociment phase, the design/development team assembles project documents and blueprints and presents thpm to 
the client to guide future product revisions. This documentation feeds into future Design phases, and the cvcle 

r.ontiniip.Q ^ ^ 



Design and Development of Longfellow School’s Web Site 

^ stated above, the Longfellow School community include parents, teachers, and students, and the Web 
site provides for the nee<b of each groiqi. There are sections dedicated for the use of each groiqi of the school 
cmnmumty. In keejmg with the user-centered focus of information architecture, the Web developers at the school 
chose to adopt a chUd-centered process from the start Children were allowed to vote on different aspects of the 
web page smce &e children’s education is the primary reason for the existence of the web page. A child-centered 
^proach alro helj^ the Technology Committee to decide on what information to allow in the School’s web page. 
Evot the mfoti^on placed on the web page by adults is made to help the education of the children. The teacher 
and parerit set^ons are left to the disc^on of adults, and the student sections are created with adult siqiervision. 

j^otter miportant contnbution of the Longfellow Web site is that the students are able to publish then- 
work on the Internet Proponents of constructivism suggest that learners construct their own knowledge in ways 
that are personally meaningful and so should be allowed to engage in activities that aid tl«»m in their own 

constracted as users assimilate multiple perspectives on a topic (Nelson 
^ can use the principles of user-centered information design to allow to create Web- 

bas^ resources th^ foster their own construction of meaning (Victor, 1999b). At Longfellow, students leam to be 
I^cipante “the “infcMination siqrerhighway” through a constructivist t^rproach from very early in their lives at 
the sch(»l. The expenence of publishing their own work helps them become more critical consumers of 

mformation as they leam to evaluate other information they see on the Internet (just as playing an instrument helps 
with music appreciation). 

FurthCT a^istance has beeti provided by SciberNet, Inc., a software development company that has helped 
wift hosting the site and with training staff and students in creating Web pages. They also provide guidance with 
techmcal questions. Each summer, SciberNet has trained tqjproximately 20 students from grades 3-7 to create web 
pages m two sessions. Several teachers also participated in these t raining sft ggiong 

Throu^ a grant received from the State of California, aU staff at Longfellow were given monthly 
mservice tiai^ m technology for two years, including training in Web page development After analyzing 
surveys of staff corrqjuter proficiency, it was determined that the school’s level of conqnrter knowledge had gone 



Contribntioiu of Information Archhectiire 

"^e fest attempts at creating a web page at Longfellow proved to be exciting, but as more information 
was added to the side the need for change became evident The site became increasingly conqilicated, and the user 
TOuld get lost trying to navigate through it It was clear that a conqilete remodeling of the web site was required. 

ApphcatiOT of principles of information architecture allowed for the newer version of the web page be friendly and 
userul to thetiser. . 

AA- ■ categories on the opening page help users ^termine what info rmati on they can access on the site. 

In addition, the depth (number of links) to get to the desired information was placed to a minimum (2-4 jumps at 
fte most). This eliminates the confusion of scattered information and assists the user in finding required 
^ormatiOT t^idly. A clearly-defined labeling system is an essential element of a usable Web site (Rosenfeld & 

MorviUe, 1998). Longfellow has adopted a color-coded labeling system to it easy for users, especially chUdren, to 
access desired sections of the site. r j “» 
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Organizing information using information architecture has made it easy to assign Web development 
responsibilities to specific individuals or groups, simplifying site maintenance. This has created a more co esive 
organization system since members of the community are able to learn about and from each other. The Longtellow 
site contains links to relevant educational resources outside the site, removing the need to surf the Internet lookmg 
for information. This capability helps users invest their time more wisely and enhances the educational program ot 

the school. 



Description of the Site 

The site’s opening page introduces the school and provides links to each community group’s section, as 
shown in Figure 2. 
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Figure 2: Longfellow School Web site (http://longfellow.scibemet.com/). 

On the left column, the student pages are placed at the top to emphasize the importance of a student- 

centered approach. Students use this section for publication of their work. l, • 

Beneath the Student Pages link is the link to Staff Pages, where teachers give important information about 
the educational programs available at the school, information such as daily schedules, class rules, oo repo 
forms, and other handouts are available for parents and students 24 hours a day. 

The Pareht Page section gives information on PTA (Parent Teacher Association) meetings, paren 
involvement activities such as beautification projects, fundraisers, and a yearly schedule of events. 

The School Information section explains in greater detail the specialized language program at Longtellow^ 
Furthermore, the Education Resources page provides links to the Internet that are relevant to the e ucation o 
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Discussion and Recommendations 



The design and development of the Web site at Longfellow School has been a valuable learning process 
for the Longfellow community. We hope that other, schools can learn from the experience of Longfellow. The 
following recommendations have emerged from the process of developing a Web site for the Longfellow 
community. 

■ A major area of concern is that while a large number of people are included in the project, and most do not 
have a good idea of how to create a Web site. Training in site design is essential; ideally, all members of 
the community (teachers, students, and parents) should have some training. It is also important that 
participants work toward developing consensus on site contents. 

■ Initially, the infonnation placed on the web page needs to be important and of great value to the school 
community. It should also be information that does not change frequently (for example, book report forms 
or Frequently Asked Questions) since it is difficult to make rapid changes to the site. 

■ Having an organization such as Scibemet, or a Technology Resource Teacher from the district, to deal with 
the mundane job of maintaining the server, allows beginning Web developers to focus more on the creative 
aspects than on technical issues. 

■ As the use of the site increases, it is likely that the institution will need to purchase its own server. Begin 
with small steps, and place the most important infonnation on the server first. 

hlaintain a focus on keeping die site simple because teachers and admimstrators are often required to 
perform other school district priorities. 

■ Remain flexible and open to new ideas so that diverse groups in the co mmuni ty can make their voices 
heard. 
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